<template>
	<div id="project">
		<div class="title">
			<h2>{{txt_h2}}</h2>
			<h3 v-for='(item,index) in txt_h3' :key="index">	{{item}}</h3>
			<span>
			      
			</span>
		</div>
		<div class='con'>
			<SowingMap2/>
			<div class="yy"></div>
		</div>

	</div>
</template>

<script>
	import SowingMap2 from './sowingMap2.vue'
	
	export default {
		name: 'projiect',
		components:{
			SowingMap2
		},
		data() {
			return {
				txt_h2: '美肌项目',
				txt_h3: ["三维皮肤管理模式", "完美演绎科技美容解决方案"],

			}
		}
	}
</script>

<style  lang="scss" scoped>
	#project {
		padding-top:389px;
		padding-bottom:300px;
		.title {
		   text-align:center;
			h2 {
				font-size: 48px;
				font-family: SourceHanSansCN-Bold;
				color: #F5855F;
				line-height: 92px;
				text-align: center;
			}
			h3 {
				
				font-size: 40px;
				font-family: SourceHanSansCN-Light;
				color: #A0A0A0;
				line-height: 48px;
				text-align: center;
				
			}
			span {
				display:block;
				width:68px;
				height:3px;
				background-color:#F5855F;
				margin:26px auto 0;
				
			}
		}
		.con{
			padding-top:140px
		}
	}
</style>